// pagesMine/pages/complaints/complaints.js
import ajax from '../../../utils/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    type: ['发货问题', '售后问题', '服务问题', '账号问题', '系统问题', '意见反馈'],
    typeCurent: '',
    uploadImgList: [],
    form: {
      userId: '',
      issue: '发货问题', //反馈问题
      content: '',//反馈内容
      picUrls: '' //图片
    }
  },
  //事件 - 问题分类 type 改变
  typeChange: function (e) {
    console.log(e.currentTarget.id)
    this.setData({
      typeCurent: e.currentTarget.id,
      ['form.issue']: this.data.type[e.currentTarget.id]
    })
  },

  /**
  * 事件 - 上传图片
  */
  async uploadImg () {
    const {uploadImgList}= this.data
    const image = await ajax.chooseImage()
    const res = await ajax.uploadFile({ filePath: image })
    uploadImgList.push(res.data.url)
    this.setData({ uploadImgList })
  },

  /**
  * 事件 - 删除已上传的图片
  */
  deleteUploadImg: function (e) {
    // console.log(e.currentTarget.id)
    let uploadImgList = this.data.uploadImgList
    uploadImgList.splice(e.currentTarget.id, 1)
    this.setData({
      uploadImgList
    })
  },

  /**
  * 事件 - 表单提交
  */
  submit: function (e) {
    // console.log('表单',e.detail.value)
    const userInfo = wx.getStorageSync('usetInfo')
    let form = this.data.form
    form.content = e.detail.value.content
    form.userId = userInfo.id
    form.picUrls = this.data.uploadImgList
    console.log(form)

    //表单验证
    if (!form.content) {
      wx.showToast({
        title: '请填写意见反馈',
        icon: 'none'
      })
      return
    }

    ajax.post('/wx/appletFeedback/add', form).then(res => {
      if (res.code == 200) {
        wx.showToast({
          title: '提交成功',
        })
        setTimeout(() => {
          wx.navigateBack({
            delta: 1,
          })
        }, 1500);
      } else {
        wx.showToast({
          title: '提交失败，请稍后重试',
          icon: 'none'
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})